<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="redis" uri="http://www.shopjsp.com/redisTag/functions" %>
<c:set var="srcPath" value="${redis:getSysConfig('sysFileVisitRoot_back')}"/>
<c:set var="basePath" value="${redis:getSysConfig('base_path_back')}"/>
<script type="text/javascript">
    function addProductImage(){
        /**初始化批量文件上传*/
        $("#addImageForm")[0].reset();
        initImageForProductAdd(2,"sys_shop","image_product",10,1000,1000);
    }

    /**初始化已经上传的图片列表*/
    function initProductImgInfo(productImgList){
        /**1、清空商品组图上传列表信息**/
        $(".productImages").remove();/**清空已经存在的列表**/
        $("#noImgTr").remove();/**清空已经存在的无图片信息**/
        var imgHtml = '<tr id="noImgTr"><td  class="tocenter_td" colspan="5">没有组图信息，请点击左上角“添加图片”</td></tr>';
        $("#productImageTable").append(imgHtml);/**重新追加无图片信息**/
        /**2、展示商品组图上传列表信息**/
        for(var i=0;i<productImgList.length;i++){
            var productImage=productImgList[i];
            var productImageId=productImage.productImageId;
            var productId=productImage.productId;
            var title=productImage.title;
            var orders=productImage.orders;
            var source=productImage.source;
            var large=productImage.large;
            var medium=productImage.medium;
            var thumbnail=productImage.thumbnail;
            index=i;/**将i赋值给图片上传下标计数器,依次递增**/
            createProductImgHidden(index);
            createProductImgList(source,index);
            $("#productImageId"+index).val(productImageId);
            $("#productId"+index).val(productId);
            $("#title"+index).val(title);
            $("#orders"+index).val(orders);
            $("#source"+index).val(source);
            $("#large"+index).val(large);
            $("#medium"+index).val(medium);
            $("#thumbnail"+index).val(thumbnail);
            $("#showTitle"+index).html(title);
            $("#showOrders"+index).html(orders);
		}
        index++;/**展示列表后index递增一次，用于修改时动态添加新的图片**/
	}
</script>

<div>
	<button id="btn_add_img" type="button" class="btn btn-default" data-toggle="modal" data-target="#addImgModal" onclick="addProductImage()">
		<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>添加图片
	</button>
</div>
<div style="margin-top: 10px;">
	<table id="productImageTable"  class="addOrEditTable table-bordered table" style="width:100%;">
		<tr>
			<th class="tocenter_th" width="15%">编号</th>
			<th class="tocenter_th" width="20%">图片预览</th>
			<th class="tocenter_th" width="30%">标题</th>
			<th class="tocenter_th" width="15%">排序</th>
			<th class="tocenter_th" width="20%">操作</th>
		</tr>
		<tr id="noImgTr">
			<td  class="tocenter_td" colspan="5">没有组图信息，请点击左上角“添加图片”</td>
		</tr>
	</table>
</div>

